@charset "utf-8";
/* CSS Document */
BODY {
	FONT-SIZE: 12px; MARGIN: 0px auto; COLOR: #333; FONT-FAMILY: '微软雅黑',Arial,Verdana,Sans-Serif; background:#FFF; 
}
DIV {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
FORM {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
UL {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
OL {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
LI {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
SPAN {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
P {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
../images {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
A ../images {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
UL {
	LIST-STYLE-TYPE: none
}
OL {
	LIST-STYLE-TYPE: none
}
LI {
	LIST-STYLE-TYPE: none
}
TABLE {
	FONT-SIZE: 12px
}
TD {
	FONT-SIZE: 12px
}
INPUT {
	FONT-SIZE: 12px
}
H1 {
	MARGIN: 0px auto
}
H2 {
	MARGIN: 0px auto
}
H3 {
	MARGIN: 0px auto
}
H4 {
	MARGIN: 0px auto
}
H5 {
	MARGIN: 0px auto
}
H6 {
	MARGIN: 0px auto
}
H1 {
	FONT-SIZE: 28px
}
H2 {
	FONT-SIZE: 22px
}
H3 {
	FONT-SIZE: 16px
}
H4 {
	FONT-SIZE: 14px
}
H5 {
	FONT-SIZE: 14px
}
H6 {
	FONT-SIZE: 14px
}

.fl{ FLOAT:LEFT;}  .fr{FLOAT:RIGHT} 

.clear {
	CLEAR: both; MARGIN-TOP: -1px; FONT-SIZE: 1px; VISIBILITY: hidden; WIDTH: 1px; LINE-HEIGHT: 0; HEIGHT: 0px
}
A:link {
	COLOR: #353535; TEXT-DECORATION: none; outline-style: none
}
A:visited {
	COLOR: #353535; TEXT-DECORATION: none; outline-style: none
}
A:hover {
	COLOR: #c00; TEXT-DECORATION:none;
}

.wp {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 1180px; PADDING-TOP: 0px; overflow:hidden; background:#none;
}

.wp1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 1180px; PADDING-TOP: 0px; overflow:hidden; background:#fff;
}

.mt10{ margin-top:10px;} .pt10{ padding-top:10px;} #mr0{ margin-right:0px;}
/***************************************************************************************************************
**************************初始化 样式结束*/

/*Mico Header Style*/
.header{ width:100%; height:90px; position:relative; z-index:999;}
.header .logo{ width:280px; height:90px;}
.header .navi{ width:780px;}
.header .tel{ text-align:right; font-size:14px; height:35px; line-height:35px;}
.service{ font-size:14px; color:#c00; background:url(../images/tel.gif) no-repeat left center; padding-left:25px; height:35px; margin-left:20px;}
.weibo a ../images{ padding-top:2px; margin-left:10px;}
.header .navlist{ padding-top:5px;}
.header .navlist ul{ float:right; width:666px;}
.header .navlist ul li{ float:left; margin:0px 5px;}
.header .navlist ul li a{ display:block; padding:5px 10px; font-size:14px; height:25px; line-height:25px; *line-height:22px; float:left;}
.header .navlist ul li a:hover{ background:#c00; color:#fff;}
.header .navlist ul .jump a{ background:#e6e6e6; color:#333; margin-left:120px;}

/*Mico Works Style*/
.works { padding-top:50px;}
.tab {text-align: right; height:55px; line-height:55px;background:url(../images/worktitle.gif) no-repeat left center;}
.tab li {margin-left: 10px;display: inline-block;}
.tab li {*display: inline;}
.tab a {display: block;width: 80px;height: 20px;line-height: 20px;text-align: center;color: #fff;}
.tab a:hover {text-decoration: none;}
.tab .on {background-color: #f1890e;}
#slides2 {overflow: hidden;}
.slides_container2 {overflow:hidden;}
.list2 {margin-right: -29px;}
.list2 li {width: 265px;height: 195px;overflow: hidden;border: 5px solid #dddddd;position: relative;margin: 28px 25px 0 0;display: inline;float: left;}
.list2 ../images {transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.list2 li:hover ../images {transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.mask {display: none;position: absolute;left: 0;top: 0;text-align: center;width: 100%;height: 100%;}
.show .mask {display: block;}
.mask a {background:url(../images/mask.png) no-repeat;display: block;width: 100%;height: 100%;}
.game-name {font-size: 18px;color: #f0d418;padding-top: 10px;display: block;}
.act-name {font-size: 14px;color: #ffffff;display: block; text-align:left; padding:5px 10px;}
.mask a:hover {text-decoration: none;}

/*Mico Service Style*/
.server{ overflow:hidden; background:#f2f2f2; border-top:1px dotted #DDD; margin-top:50px; padding-bottom:50px; width:100%;}
.ser_title{ height:53px; background:url(../images/worktitle.gif) no-repeat left center; margin-top:50px;}
.ser_box{ overflow:hidden; padding-top:20px;}
.ser_box ul li{ width:275px; float:left; overflow:hidden; margin:20px 20px 0px 0px;}
.ser_box ul li a ../images{width:275px; height:125px;}
.ser_box ul li h3{ font-size:16px; height:40px; line-height:40px; font-weight:normal;}
.ser_box ul li p{ color:#999; line-height:22px;}
.seebtn{ display:block; width:80px; background:url(../images/t_nlbg.gif) no-repeat left top; height:28px; line-height:25px; text-align:center; text-indent:1.5em; margin-top:15px;}
.ser_box ul li a{ color:#fff;}

/*Mico Introduction Style*/
.intro{ overflow:hidden; margin-top:50px;}
.int_tit{ height:47px; }
.introbox{ overflow:hidden; padding-top:30px;}
.introbox ul li{ width:393px; float:left; background:url(../images/des_dotted.png) no-repeat right center;}
.introbox ul li h5{ font-size:22px; font-weight:normal; color:#666; text-align:center;}
.intro_../images{ text-align:center; padding:20px 15px;}
.intro_../images a{ display:block }
.introbox ul li p{ padding:10px 45px; line-height:22px;}

/*Mico Client Style*/
.client-title{ height:47px;  margin-top:45px;}
.client-box{ margin-top:30px; overflow:hidden;}
.client-box ul{ overflow:hidden;}
.client-box ul li{ width:155px; height:70px; border:1px solid #DDD; float:left; margin-right:13px; margin-bottom:13px;}

/*Mico Article Style*/
.article{ margin-top:20px; *margin-top:35px; padding-bottom:30px;}
.articlebox{ width:380px; float:left; margin-right:20px;}
.article-title{ padding:5px 0px; border-bottom:1px solid #DDD; overflow:hidden;}
.atx{ display:block; height:30px; line-height:30px; *line-height:27px; font-size:20px; padding-left:10px;}
.more{ display:block; height:30px; line-height:30px; *line-height:27px; }
.article-list{ overflow:hidden;}
.article-list ul{ padding:10px 0px; overflow:hidden;}
.article-list ul li{ height:30px; line-height:30px;  padding-left:15px; padding-right:5px;}
.article-list ul li .date{ color:#999;}

/*Mico Footer Style*/
.footer{ border-top:1px dotted #ddd; background:#f2f2f2; overflow:hidden;}
.links{ overflow:hidden; margin-top:20px;}
.link-title{ background:url(../images/links.gif) no-repeat; height:35px;}
.link-list{ line-height:25px; font-size:14px; padding:0px 5px 10px 3px; width:1180px; overflow:hidden; border-bottom:1px dashed #ddd;}
.link-list a{ margin-right:15px; float:left; display:block; }
.copy{ line-height:30px; padding:10px 10px; color:#999; text-align: center; height:90px;font-size: 14px;}
.copy span{color:#c00;font-size:14px; font-weight:bold}
.copy a{ font-size:14px; margin-right:15px; color:#999;}
.copy a:hover{ color:#c00;}

/***************************************************************************************************************
**************************首页 样式结束*/
/*subpage left style start*/
#body{ background:#eee url(../images/aboutbg.jpg) no-repeat; overflow:hidden;}
.postion{ height:15px; line-height:15px; padding:15px 0px;}
.postion em{ font-style:normal; background:url(../images/icon.png) no-repeat 0px -2px; padding-left:28px;}
.content{ overflow:hidden;}
.main{ padding:0px 20px; width:910px; overflow:hidden; background:#fff; float:right;}
.sub{ width:220px;float:left; overflow:hidden;}
.column{ width:220px; background:#fff; margin-bottom:10px;}
.sub_title{ height:50px; line-height:50px; font-size:20px; color:#333; background:#fff; padding-left:15px;}
.bdm{ border-bottom:1px dashed #ddd;}
.col-box{overflow:hidden;}
.col-box ul li a{ display:block; padding-left:65px; height:43px; line-height:43px; border-bottom:1px dashed #ddd; font-size:18px;
background:url(../images/colicon.png) no-repeat 20px center;}
.col-box ul li a:hover{background:#c00 url(../images/colicon.png) no-repeat 20px center; color:#fff;}
#col-hover{background:#c00 url(../images/colicon.png) no-repeat 20px center; color:#fff;}
.side-item{ margin-bottom:10px;}
.leftscroll { position:relative; background:#fff;}
.leftS { width:220px; height:130px; position:relative; overflow:hidden; z-index:0;}
.leftS ul { width:200000px; position:relative; overflow:hidden;}
.leftS ul li { width:220px; height:130px; float:left;}
.leftscroll span { position:absolute; top:54px; width:17px; height:23px; display:block; z-index:10; cursor:pointer;}
.leftscroll .prev { left:0; background:url(../images/commen.png) no-repeat -115px 0;}
.leftscroll .prev.first { background:url(../images/commen.png) no-repeat -133px -24px;}
.leftscroll .next { right:0; background:url(../images/commen.png) no-repeat -115px -24px;}
.leftscroll .next.end { background:url(../images/commen.png) no-repeat -133px 0;}
.leftscroll span.none { visibility:hidden;}
.fixed{ width:220px; height:300px;  font:normal 13px/30px \5FAE\8F6F\96C5\9ED1; top:10px;}
.search{ height:40px; background:#fff; margin-bottom:10px;}
.search-text{ width:138px; height:40px; line-height:40px; padding:0px 12px; border:0 none; color:#999; float:left;}
.search-btn{ display:block; float:right; background:#FA973A url(../images/search-icon.png) no-repeat center center; cursor:pointer; width:40px; height:40px; border:none;}
.left-contact{ background:#fff;}
.online-icon{ display:block; text-align:center; border-bottom:1px dashed #DDD;}
.left-tel{ overflow:hidden; padding:5px 25px; color:#8a8a8a}
.tel-number{ font-size:20px;}

/*subpage right style start*/
.rightbar{ height:50px; background:#525252;}
.rtp-name{ width:120px; height:50px; line-height:50px; text-align:center; display:block; background:#FA973A; float:left;  font-size:20px; color:#fff; }
.backhome{ width:240px; height:50px; line-height:50px; text-align:center; display:block; background:#c00; float:right;  font-size:20px; color:#fff;}

/*article list page*/
.list_title{ height:50px; line-height:50px; border-bottom:1px solid #ddd; font-size:20px;}
.articleLisrt{overflow:hidden; padding:5px 0px 15px 0px;}
.articleLisrt li{ padding-bottom:10px; border-bottom:1px dashed #ddd; overflow:hidden; margin-top:20px;}
.newspic{ width:230px; float:left;}
.newspic ../images{ border:1px solid #ddd; width:210px; height:165px; padding:2px;}
.newcont{ float:right; width:675px;}
.newcont h3{ line-height:30px; height:30px; overflow:hidden; margin-bottom:2px;}
.newcont p.listdate{ height:20px; line-height:20px; background:url(../images/t_nlbg.gif) no-repeat 0px -55px; padding-left:20px; font-size:14px; color:#c00;}
.newcont p.listdesc{ line-height:23px; padding:5px 0px; height:70px; color:#999}
.newcont p.listbtn{ height:25px; line-height:25px; text-align:right; padding-top:5px;}
.newcont p.listbtn a{ height:25px; text-align:left; display:block; background:url(../images/t_nlbg.gif) no-repeat; width:55px; padding-left:25px; color:#fff; float:right;}

/*article content page*/
.art-content{ margin-top:35px; overflow:hidden;}
.art-title{ height:50px; text-align:center; line-height:50px; font-weight:normal;}
.art-info{ height:25px; line-height:25px; text-align:center;}
.art-desc{ background:url(../images/gtop.jpg) no-repeat; margin-top:10px; overflow:hidden; padding-top:26px; color:silver; line-height:20px;}
.arde-cont{ background:url(../images/bxt.jpg) no-repeat center bottom; padding-bottom:26px; overflow:hidden;}
.art-body{ margin-top:30px; font-size:14px; line-height:30px; margin-bottom:20px; overflow:hidden;}
.art-keyword{ height:25px; line-height:25px; padding-left:5px;}
.art-inter{ background:url(../images/gtop.jpg) no-repeat; padding:20px 0px 28px; margin-top:20px;}
.art-inter-title{ background:url(../images/tl.jpg) no-repeat 2px center; height:30px;}
.art-interbox { padding-top:5px; overflow:hidden;}
.art-interbox ul li{ height:25px; line-height:25px;  padding-left:15px; float:left; width:45%; margin-right:10px; overflow:hidden;} 

/* 分页 */
#pages { padding:14px 0 10px; text-align:center; margin-bottom:20px;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(../images/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#c00; border:1px solid #c00; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../images/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

.works-list{ overflow:hidden; background:#fff; padding:15px;}
.works-title{ height:60px; font-size:45px; padding:0px; color:#666;}
.works-tips{ font-size:12px; display:block; float:left; padding-left:20px; padding-top:18px; color:#999;}
.works-en{font-family: Arial; font-size:50px; padding-right:10px;}
.works-type{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; line-height:30px; padding:15px 0px; margin-top:20px; overflow:hidden;}
.works-type ul li{ width:110px; border:1px solid #ddd; background:#f2f2f2; float:left; text-align:center; margin-right:15px;}
.works-type ul li a{ display:block;}
.works-type ul li a:hover{ background:#c00; color:#fff;}
#case-hover{background:#c00; color:#fff;}
.works-box{ margin-top:20px; overflow:hidden;}
.works-box ul{ overflow:hidden; padding-bottom:20px;}
.works-box ul li{ width:270px; height:300px; float:left; background:url(../images/anlibg1.png) no-repeat; margin:28px 10px 0 0; padding:6px 5px;}
.works-box ul li a ../images{ border:1px solid #DDD; width:268px; height:197px;}
.works-box ul li h3{ font-size:16px; font-weight:normal; height:30px; line-height:30px; padding:0px 5px;}
.works-box ul li p{ padding:0px 5px; line-height:20px; color:#999;}